<template>
	<div>
		<div class="sj_dl">
			<span>登录名</span>
			<input type="text" placeholder="常用邮箱地址"/>
			<span>设置密码</span>
			<input type="password" placeholder="6~16位数字或字母,区分大小写"/>
			<span>昵称</span>
			<input type="text" placeholder="4~24位字符:支持中文,英文,数字"/>
			<div class="deft">
				<el-button type="warning">立即注册</el-button>
			</div>
			<div class="fx">
				<el-checkbox v-model="checked">已阅读并同意</el-checkbox>
			</div>
		</div>
	</div>
</template>

<script>
	 export default {
	    data() {
	      return {
	        checked: false
	      };
	    }
	  };
</script>

<style lang="less" scoped>
	.sj_dl input{
		display: block;
		width: 100%;
		height: 64px;
		line-height: 64px;
		margin: 16px 0;
	}
	.sj_dl {
		position: relative;
	}
	.deft button{
		margin-top: 5%;
		width: 90%;
		margin-left: 5%;
		height: 64px;
	}
	.fx{
		margin-left: 40px;
		line-height: 80px;
		height:80px;
	}
	.fx span{
		font-size: 32px;
		width: 32px;
		height: 32px;
	}
</style>
